<template>
  <div>
    <p>{{ time | dateformat }}</p>
    <p>{{ time1 | dateformat }}</p>
  </div>
</template>

<script>
// 全局过滤器的写法 写在main.js中
// import moment from "moment";
// Vue.filter('dateformat', function (value) {
//   return moment(value).format("YYYY年MM月DD日HH时mm分ss秒");
// })

// 过滤器
// data中的数据不能直接展示到视图上，而是需要做一个格式化处理 -> 过滤器 filter
// 用于一些常见的文本格式化 货币格式化 时间格式化
// 过滤器的好处就是把整个项目中所有的数据同样格式化处理逻辑只需要写一次就行了
import moment from "moment";
export default {
  data() {
    return {
      time: new Date(),
      time1: new Date(),
    };
  },
  filters: {
    dateformat(value) {
      return moment(value).format("YYYY年MM月DD日HH时mm分ss秒");
    },
  },
  // methods:{},
  // computed:{},
  // watch:{},
  // props:{},
  // name:'',
  // beforeCreate(){},
  // created(){},
  // beforeMount(){},
  // mounted(){},
  // beforeUpdate(){},
  // updated(){},
  // beforeDestroy(){},
  // destroyed(){},
  // directives:{},
  // components:{}
};
</script>

<style scoped></style>
